<script lang="ts">
    import type { HTMLAttributes } from 'svelte/elements';

    type MicrosoftIconProps = HTMLAttributes<SVGSVGElement> & {
        class?: string;
        fill?: string;
        height?: number;
        stroke?: string;
        width?: number;
    };

    const { class: className = '', fill = 'currentColor', height = 24, stroke = '', width = 24, ...rest }: MicrosoftIconProps = $props();
</script>

<svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox={`0 0 ${width} ${height}`}
    {width}
    {height}
    {fill}
    {stroke}
    class={className}
    aria-label="Google icon"
    {...rest}
>
    ><path
        d="M21.35,11.1H12.18V13.83H18.69C18.36,17.64 15.19,19.27 12.19,19.27C8.36,19.27 5,16.25 5,12C5,7.9 8.2,4.73 12.2,4.73C15.29,4.73 17.1,6.7 17.1,6.7L19,4.72C19,4.72 16.56,2 12.1,2C6.42,2 2.03,6.8 2.03,12C2.03,17.05 6.16,22 12.25,22C17.6,22 21.5,18.33 21.5,12.91C21.5,11.76 21.35,11.1 21.35,11.1V11.1Z"
    />
</svg>
